<template>
  <a-config-provider :theme="themeConfig">
    <a-flex gap="middle" vertical class="app_main_box">
      <Home />
    </a-flex>
  </a-config-provider>
</template>

<script setup>
import { ref } from "vue";
import useThemeStore from "@/stores/modules/theme";
import Home from "@/views/home.vue";
const themeStore = useThemeStore();
const themeConfig = ref(themeStore.theme);
</script>

<style>
.app_main_box {
  max-width: 1280px;
  margin: 0 auto;
}

body {
  /* background-repeat: no-repeat;
  background-size: cover;
  background-position: center; */
  margin: 0;
  height: auto !important;
}
.ant-popover-inner-content > p {
  margin: 0;
}
</style>